<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="../c/aui.css" />
		<link rel="stylesheet" type="text/css" href="../c/suxiangw.css" />
		<style>
			body{
							 background-color:transparent;
							 /*background-color:#000;*/
							 background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3));
							 background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3));
							 background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3));
						}
			#sx-footer{
				/*-webkit-transition: all 1s;
				transition: all 1s;*/
				border-top:0.05rem solid rgba(115, 115, 115, 0.2);
				/*background: #f00;*/
			}
		</style>
	</head>
	<body>
		<footer class="aui-bar aui-bar-tab" id="sx-footer">
			<div class="aui-bar-tab-item aui-active" tapmode onclick="_shuaxin('index')">
				<div class="aui-bar-tab-label">
					首页
				</div>
				<em></em>
			</div>
			<!-- <div class="aui-bar-tab-item" id="article" tapmode onclick="_index_win('fang')">
				<div class="aui-bar-tab-label">
					放映厅
				</div>
			</div> -->
			<!-- <div class="aui-bar-tab-item" id="article" tapmode onclick="_index_win('article')">
				<div class="aui-bar-tab-label">
					社交
				</div>
			</div> -->
			<!-- <div class="aui-bar-tab-item" id="article" tapmode onclick="_index_win('zhibo')">
				<div class="aui-bar-tab-label">
					直播
				</div>
			</div> -->
			<!-- <div class="aui-bar-tab-item" tapmode onclick="_index_win('tongcheng')">
				<div class="aui-bar-tab-label">
					热点
				</div>
			</div> -->
			<div class="aui-bar-tab-item" tapmode onclick="_index_win('fabu')">
				<img style="width: 2.2rem;" src="../i/add.png" />
			</div>
			<!-- <div class="aui-bar-tab-item" id="article" tapmode onclick="_index_win('article')">
				<div class="aui-bar-tab-label">
					社交
				</div>
			</div> -->
			<!-- <div class="aui-bar-tab-item" tapmode onclick="_index_win('xiaoxi')">
				<div class="aui-bar-tab-label">
					消息
				</div>
				<div class="aui-badge aui-hide"></div>
			</div> -->
			<!-- <div class="aui-bar-tab-item" id="renwu" tapmode onclick="_index_win('renwu')">
				<div class="aui-bar-tab-label">
					任务
				</div>
				<div class="aui-badge aui-hide"></div>
			</div> -->
			<div class="aui-bar-tab-item" tapmode onclick="_index_win('member')">
				<div class="aui-bar-tab-label">
					我的
				</div>
			</div>
		</footer>
	</body>
	<script type="text/javascript" src="../j/api.js"></script>
	<script type="text/javascript">
		var no=false
		apiready = function() {

			if(_getPrefs('_config').config.app == 1){
				$('#renwu').hide();
				$('#article').hide();
			}

			$api.fixTabBar($api.byId('sx-footer'))
			var footerh = $api.offset($api.byId('sx-footer')).h;
			// console.log(footerh)
			api.setFrameAttr({
				name : 'index_footer',
				rect : {
					x : 0,
					y : api.winHeight - footerh,
					w : 'auto',
					h : footerh,
				}
			});
			// 接收消息
			api.addEventListener({
			    name: 'xiaoxi'
			}, function(ret, err) {
					var _this = $('.aui-badge');
					if(ret.value.money){
						_this.removeClass('aui-hide');
						if(no){
							_this.addClass('animated swing');
							_this.one('webkitAnimationEnd', function(ret){
								_this.removeClass('animated swing');
							});
						}
						_this.text(ret.value.money);
					}else{
						_this.addClass('aui-hide');
					}
					no = true;
			});
		}
		function a(b) {
			api.setFrameGroupIndex({
				name : 'index',
				index : b
			});
			api.bringFrameToFront({
					from: 'member',
					to: 'index_list'
			});
		}
		function footer_by(a){
			if(a){
				$('#sx-footer').css('background-color','#161823');
			}else{
				$('#sx-footer').css('background-color','transparent');
			}
		}
	</script>
</html>
